<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<!-- 头部-->
<header>
        <ul class="content">
            <li><a href="#">设为首页</a></li>
            <li><a href="#">加入收藏</a></li>
            <li><a href="#">中文</a></li>
            <li><a href="#">ENGLISH</a></li>
        </ul>
</header>
<!--导航-->
<nav class="content">
    <div class="logo">
        <img src="images/logo.png">
    </div>
    <ul>
        <li><a href="#">主页</a></li>
        <li><a href="#">关于恩同时也</a></li>
        <li><a href="#">应用领域</a></li>
        <li><a href="#">照明趋势</a></li>
        <li><a href="#">活动与新闻</a></li>
        <li><a href="#">联系与支持</a></li>
    </ul>
    <div class="search">
        <input type="text"/>
        <img type="image" src="images/nav_inco.png" class="search-icon" />
    </div>
</nav>
<!--banner-->
<div class="banner">
    <div class="banner-bg">
        <img src="images/banner.jpg">
    </div>
    <div class="banner-left">
        <img src="images/left_icon.png">
    </div>
    <div class="banner-button">
    </div>
    <div class="banner-right">
        <img src="images/right_icon.png">
    </div>
</div>
<!-- 新闻 -->
<section class="news">
    <div>
        <img src="images/news_icon.png">
    </div>
    <div>
        <span class="news-content">与您分享最新OEM产品，应用与精彩案例</span>
    </div>
    <div class="news-content-hot">
        <img src="images/hot.png">
    </div>
    <div class="news-time">
        <span>2018-11-14</span>
    </div>
</section>
<!-- 介绍列表 -->
<section class="car-list">
    <ul>
        <li>
            <ul>
                <li class="car-list-img"><img src="images/car.jpg"></li>
                <li class="car-list-title">汽车介绍</li>
                <li class="car-list-content">在缺乏光线的情况下，如天气不佳或天色...</li>
                <li class="car-list-more"><a href="#">浏览更多信息</a></li>
            </ul>
        </li>
        <li>
            <ul>
                <li class="car-list-img"><img src="images/motorcycle.jpg"></li>
                <li class="car-list-title">摩托车介绍</li>
                <li class="car-list-content">与其他道路使用者相比，摩托车驾驶者更...</li>
                <li class="car-list-more"><a href="#">浏览更多信息</a></li>
            </ul>
        </li>
        <li>
            <ul>
                <li class="car-list-img"><img src="images/van.jpg"></li>
                <li class="car-list-title">货车介绍</li>
                <li class="car-list-content">飞利浦一直以来不断投身研究与...</li>
                <li class="car-list-more"><a href="#">浏览更多信息</a></li>
            </ul>
        </li>
    </ul>
</section>
<!-- 关于 -->
<article class="about">
    <ul>
        <li>
            <div>
                <span class="about-title">关于恩同时也</span>
            </div>
            <ul class="about-category">
                <li>
                    产品手册
                </li>
                <li>
                    LED照明
                </li>
                <li>
                    OEM产品
                </li>
                <li>
                    特殊照明
                </li>
            </ul>
        </li>
        <li>
            <div>
                <span class="about-title">应用领域</span>
            </div>
            <ul class="about-category">
                <li>
                    产品手册
                </li>
                <li>
                    LED照明
                </li>
                <li>
                    OEM产品
                </li>
                <li>
                    特殊照明
                </li>
            </ul>
        </li>
        <li>
            <div>
                <span class="about-title">照明趋势</span>
            </div>
            <ul class="about-category">
                <li>
                    联系我们
                </li>
                <li>
                    客服热线
                </li>
                <li>
                    设计助手
                </li>
                <li>
                    照明社区
                </li>
            </ul>
        </li>
        <li>
            <div>
                <span class="about-title">活动与新闻</span>
            </div>
            <ul class="about-category">
                <li>
                    联系我们
                </li>
                <li>
                    客服热线
                </li>
                <li>
                    设计助手
                </li>
                <li>
                    照明社区
                </li>
            </ul>
        </li>
        <li>
            <div>
                <span class="about-title">联系与支持</span>
            </div>
            <ul class="about-category">
                <li>
                    联系我们
                </li>
                <li>
                    客服热线
                </li>
                <li>
                    设计助手
                </li>
                <li>
                    照明社区
                </li>
            </ul>
        </li>
        <li>
            <img src="images/contact.png">
        </li>
    </ul>

</article>
<footer>
    <div>
        <div>
            <span class="copy-right">2013 深圳市地大装饰股份有限公司 版权所有</span>
        </div>
        <div class="link-info">
            <span class="link-info-title">友情链接：</span>
            <ul>
                <li>
                    菩提网络
                </li>
                <li>
                    菩提网络
                </li>
                <li>
                    菩提网络
                </li>
            </ul>
        </div>
    </div>
</footer>
</body>
</html>